@charset "utf-8";
/* CSS Document */
#Detailbanner .ban { overflow: hidden; height: 300px; position: relative; background-repeat: no-repeat; background-position: center center;background-size: auto 100%; }
#Detailbanner .ban .container { position: relative; height: 100%; }
#Detailbanner .text { position: absolute; left: 0; top: 50%; margin-top: -60px; width: 100%; z-index: 90; color: #fff; }
#Detailbanner .text h3 { font-size: 30px; line-height: 40px; padding-bottom: 15px; position: relative; font-weight: 500; text-shadow: 1px 1px 5px #888; }
#Detailbanner .text .line { position: absolute; bottom: -2px; width: 40px; height: 3px; background: #fff; opacity: 0.3; display: block; }
#Detailbanner .text h2 { font-size: 40px; line-height: 50px; padding-top: 15px; font-weight: 500; text-shadow: 1px 1px 5px #888; }
/****** location--style ******/
.location { height: 60px; }
.location i { font-size: 22px; color: #999999; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #999999; display: inline-block; }
.location span.space a { font-size: 14px; color: #999999; line-height: 60px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space a:hover { color: #d70d19; }
.location span.space span { font-size: 14px; color: #999999; line-height: 60px; display: inline-block; margin: 0 15px; text-transform: uppercase; }
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 40px);
width:-webkit-calc(100% + 30px);
}
video::-webkit-media-controls-fullscreen-button {
margin-right: 35px;
}
/****** Detail-share-style ******/
.Detail-share { text-align: center; }
.share { text-align: center; margin: 0 auto; }
.share .name { float: left; font-size: 14px; color: #333; line-height: 30px; }
.share .bdsharebuttonbox { }
.share .bdsharebuttonbox a { overflow: hidden; float: right; margin: 2px 2px; border-radius: 50%; width: 26px; height: 26px; }
.share .bds_more { background: url('../images/icon-more.jpg') no-repeat center center !important; }
.share .bds_tsina { background: url('../images/icon-weibo.jpg') no-repeat center center !important; }
.share .bds_weixin { background: url('../images/icon-weixin.jpg') no-repeat center center !important; }
.share .bds_qzone { background: url('../images/icon-qq.jpg') no-repeat center center !important; background-image: url('../images/icon/icon-qq.jpg'); }
.share .bds_tqq { background: url('../images/icon-qqkj.jpg') no-repeat center center !important; background-image: url('../images/icon/icon-qqkj.jpg'); }
.share .bds_lianshu { background: url('../images/icon_facebook.png') no-repeat center center !important; background-image: url('../images/icon/icon-qqkj.jpg'); }
.share .bds_tuite { background: url('../images/twitter44.png') no-repeat center center !important; background-image: url('../images/icon/icon-qqkj.jpg'); }
.share .bds_linyin { background: url('../images/timg (1).jpg') no-repeat center center !important; background-image: url('../images/icon/icon-qqkj.jpg'); }
/****** css3--transition--style ******/
.trst5s { transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.trst3s { transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
/****** pager--style ******/
#dcms_pager { text-align: center; }
#dcms_pager .pages { margin: 20px 0; }
#dcms_pager .pages a { display: inline-block; text-align: center; font-size: 12px; line-height: 36px; color: #000; border: 1px solid #ccc; margin: 0 5px 0 0; height: 36px; min-width: 36px; font-weight: bold; border: 1px solid #cccccc; cursor: pointer; padding: 0 10px; border-radius: 3px; }
#dcms_pager .pages a.pgnext, #dcms_pager .pages a.pgnext { padding: 0 10px; font-weight: 100; font-family: "宋体"; }
#dcms_pager .pages a.pgempty { display: inline-block; text-align: center; font-size: 12px; line-height: 30px; color: #333; height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; cursor: pointer; }
#dcms_pager .pages .pgcurrent { background: #d70d19; color: #fff; border: 1px solid #d70d19; }
#dcms_pager .pages a:hover { background:#d70d19; color: #fff; border: 1px solid #d70d19; }
#dcms_pager .pages a:first-child, #dcms_pager .pages a:last-child { display: none; }
/****** Detail--bottom--style ******/
.Detail-page { padding-bottom: 30px; border-top: 1px solid #dadada; padding-top: 20px; }
.Detail-page .switch { }
.Detail-page .switch a { display: block; font-size: 14px; color: #424242; line-height: 40px; position: relative; padding-left: 15px; }
.Detail-page .switch a span { color: #000; }
.Detail-page .switch a i { font-size: 20px; line-height: 40px; color: #999; margin-right: 10px; }
.Detail-page .switch a:hover { color: #0053a3; }
.Detail-page .switch a:hover span { color: #0053a3; }
.Detail-page .switch a:hover i { color: #0053a3; }
.Detail-page .right { text-align: right; }
.Detail-page .share { float: right; margin-top: 15px; margin-right: 10px; }
.Detail-page a.return { float: right; font-size: 14px; color: #333; line-height: 36px; margin: 10px 0; border: 1px solid #999; display: inline-block; border-radius: 6px; padding: 0 20px; padding-left: 50px; background: url('../images/Icon-return.png') no-repeat left 20px center; }
/****** Detail-public-style ******/
.Detail-more { padding: 20px 0; }
.Detail-more p { font-size: 16px; color: #333; line-height: 30px; }
.Up-Down-page { position: relative; background: #fff; padding: 15px; width: 100%; margin: 20px 0; box-sizing: border-box; margin-bottom: 0; }
.Up-Down-page .prev { float: left; }
.Up-Down-page .next { float: right; }
.Up-Down-page a { font-size: 14px; color: #666666; line-height: 26px; display: block; }
.Up-Down-page .prev a { background: url('../images/icon/icon_left.png') no-repeat left center; padding-left: 20px; }
.Up-Down-page .next a { background: url('../images/icon/icon_right.png') no-repeat right center; padding-right: 20px; }
.Up-Down-page .Return { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('../images/icon_menu01.png') no-repeat center center; }
.Up-Down-page .Return:hover { background: url('../images/icon_menu02.png') no-repeat center center; }
.Up-Down-page .prev a:hover { background: url('../images/icon/icon_left01.png') no-repeat left center; color: #d70d19; }
.Up-Down-page .next a:hover { background: url('../images/icon/icon_right01.png')no-repeat right center; color: #d70d19; }
/****** Detail-public--style ******/
.Detail-conten { position: relative; }
.Detail-Top { background: #fff; }
.Detail-Top .fl { float: left; position: relative; }
.Detail-Top h2 { font-size: 24px; color: #d70d19; line-height: 60px; cursor: pointer; display: none; }
.Detail-Top .iconfont { font-size: 20px; line-height: 60px; margin-left: 15px; color: #666; }
.Detail-nav { }
.Detail-nav li { float: left; }
.Detail-nav li a { font-size: 14px; color: #434343; line-height: 60px; display: block; padding: 0 20px; position: relative; }
.Detail-nav li .line { position: absolute; bottom: 0; left: 50%; height: 3px; width: 0; display: block; background: #d70d19; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Detail-nav li.cur a { color: #d70d19; }
.Detail-nav li.cur .line { width: 100%; left: 0; }
.Detail-main { background: #fff; padding: 40px 0 200px 0px !important; }
/****** Detail-About--style ******/
.ATitle { font-size: 24px; color: #131313; line-height: 30px; padding-bottom: 20px; text-align: center; margin-bottom: 30px; position: relative; }
.ATitle .line { position: absolute; left: 50%; bottom: 0; width: 40px; height: 3px; background: #c0c0c0; display: block; margin-left: -20px; }
.About .Item { background: #fff; margin-bottom: 30px; overflow: hidden; }
.About .Item .left, .About .Item .right { width: 50%; }
.About .Item .pic { overflow: hidden; /*margin-top:60px;*/ }
.About .Item .Intro { padding: 8%; }
.About .Item h3 { font-size: 20px; color: #d70d19; line-height: 40px; font-weight: 500; }
.About .Item p { font-size: 16px; color: #666; line-height: 30px; text-align: justify; }
.About .ItemB .left { float: right; }
/****** Detail-Vision--style ******/
.Vislist { margin: -15px -15px 15px -15px; }
.Vislist li { float: left; width: 25%; }
.Vislist li:first-child { width: 33.33%; }
.Vislist li:nth-child(2) { width: 33.33%; }
.Vislist li:nth-child(3) { width: 33.33%; }
.Vislist .Item { padding: 5% 10%; text-align: center; margin: 15px; background: #fff; }
.Vislist .Item .pic { margin: 10px auto; width: 67px; height: 67px; border-radius: 50%; overflow: hidden; background: #f1f5fb; }
.Vislist .Item h3 { font-size: 18px; color: #333333; line-height: 40px; text-align: center; padding-bottom: 10px; margin-bottom: 15px; position: relative; }
.Vislist .Item .line { position: absolute; bottom: 0; width: 30px; background: #eaeaea; height: 2px; left: 50%; display: block; margin-left: -15px; }
.Vislist .Item p { font-size: 16px; color: #333333; line-height: 26px; }
.Vislist .Item .text { height: 52px; }
.Visbottom .Visbg { height: 310px; overflow: hidden; background-repeat: no-repeat; background-position: center top -140px; padding: 6% 12%; text-align: center; }
.Visbottom .Viscon { color: #fff; }
.Visbottom .Viscon h3 { position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.Visbottom .Viscon .line { position: absolute; left: 50%; bottom: 0; width: 50px; height: 3px; background: #fff; opacity: 0.3; filter: alpha(opacitu=30); display: block; margin-left: -25px; }
.Visbottom .Viscon p { font-size: 16px; line-height: 26px; }
/****** Detail-Honor--style ******/
.Secd-nav { text-align: center; margin-bottom: 20px; }
.Secd-nav li { display: inline-block; margin: 0 10px; }
.Secd-nav li a { background: #fff; display: block; font-size: 14px; color: #333; line-height: 40px; width: 130px; border-radius: 20px; transition: all 0.3s ease-in; }
.Secd-nav li.cur a { background: #d70d19; color: #fff; }
.Honorlist { margin: 0 -15px; }
.Honorlist li { float: left; width: 25%; }
.Honorlist .Item { background: #fff; text-align: center; padding: 20px; margin: 15px; position: relative; overflow: hidden; }
.Honorlist .Item h3 { font-size: 16px; color: #fff; line-height: 40px; height: 40px; text-align: center; font-weight: 500; background: #d70d19; position: absolute; left: 0; bottom: -50px; width: 100%; transition: all 0.3s ease-in; }
.Honorlist .Item:hover h3 { bottom: 0; }
/****** Detail-Contribu--style ******/
.Contribu-list1 { margin: 0 -13px; }
.Contribu-list1 li { float: left; width: 33.33%; }
.Contribu-list1 .Item { background: #fff; margin: 13px; padding: 20px 35px; }
.Contribu-list1 .Item h3 { font-size: 14px; color: #d70d19; line-height: 30px; font-weight: 500; }
.Contribu-list1 .Item p { font-size: 14px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.Contribu-Pic { margin: 20px 0; }
.Contribu-list2 { }
.Contribu-list2 .left, .Contribu-list2 .right { width: 50%; }
.Contribu-list2 .Item { margin: 30px 0; overflow: hidden; background: #fff; }
.Contribu-list2 .Item .Intro { padding: 30px 35px; }
.Contribu-list2 .Item h3 { font-size: 24px; color: #d70d19; line-height: 30px; padding-bottom: 15px; position: relative; margin-bottom: 15px; font-weight: 500; }
.Contribu-list2 .Item .line { position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #ccc; display: block; }
.Contribu-list2 .Item .text { font-size: 16px; color: #666; line-height: 26px; }
.Contribu-list2 .ItemA .left { float: right; }
/****** Detail-Product--style ******/
.Detail-nav > ul { position: relative; }
.Detail-nav > ul > li { margin-right:20px }
.Pnav-socd { position: absolute; display: none; width: 230px; top: 100px; left: 0; }
.Pnav-socd .PnavTit { background: #d70d19; padding: 10px 15px; overflow: hidden; }
.Pnav-socd .PnavTit h3 { font-size: 16px; color: #fff; line-height: 40px; font-weight: 600; float: left; }
.Pnav-socd .PnavTit .icon-right { font-size: 16px; color: #fff; float: right; line-height: 40px; }
.Pnav-socd .first { background: #fff; margin-bottom: 15px; float: none; position: relative; }
.Detail-nav .Pnav-socd .first > a { padding: 0 15px; line-height: 40px; color: #000; z-index: 6; }
.Pnav-socd .first > .icon-right { position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: block; text-align: center; font-size: 12px; color: #000; line-height: 40px; cursor: pointer; z-index: 8; }
.Pnav-socd .first > ul { display: none; }
.Pnav-socd .secd { border-top: 2px solid #f8f8f8; float: none; }
.Pnav-socd .first .secd a { color: #6d6d6d; padding-left: 30px; line-height: 50px; background: url('images/IconR01.jpg') no-repeat left 15px center; }
.Pnav-socd .first.cur > a { color: #d70d19; }
.Pnav-socd .first.cur > .icon-right { color: #d70d19; }
.Pnav-socd .first .secd.cur a { color:#d70d19; background-image: url('images/IconR02.jpg'); }
.ProductR { padding-left: 280px; min-height:300px}
.ProTit { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 10px; }
.ProTit h3 { font-size: 16px; color: #d70d19; line-height: 20px; padding-left: 15px; position: relative; }
.ProTit h3 .line { position: absolute; left: 0; top: 0; width: 4px; height: 100%; display: block; background: #d70d19; }
.Prolist { margin: 0 -15px; }
.Prolist li { float: left; width: 33.33%; }
.Prolist .Prolist-li { width: 25%; }
.Prolist .Item { margin: 15px; background: #fff; text-align: center; }
.Prolist .Item .pic { overflow: hidden; }
.Prolist .Item .pic img { width: 100%; }
.Prolist .Item .pic img { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.Prolist .Item .Intro { padding: 10px; background: #fff; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; height:64px;}
.Prolist .Item h3 { font-size: 16px; color: #333; line-height: 26px; text-align: center; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Prolist .Item p { font-size: 14px; color: #999; line-height: 22px; opacity: 1; filter: alpha(opacity=100); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Detail-nav > ul > li.cur .Pnav-socd { display: block; }
/****** Detail-ProductInfo--style ******/
.Pro-Intro { margin: 20px 0; }
.preview-wrap { float: left; width: 43%; }
.ProInfo-wrap { float: right; width: 54%; }
.swiper-content { border: 1px solid #e8e9f2; }
.swiper-nav { height: 83px; margin: 0 32px; }
.swiper-nav .swiper-slide { float: left; text-align: center; }
.swiper-nav .swiper-slide .pic { width: 97px; border: 1px solid #e8e9f2; margin: 0 6px; }
.swiper-nav .active-nav .pic { border: 1px solid #d70d19; }
.Molist { position: relative; margin: 20px 0; }
.Molist .arrow-left { position: absolute; left: 0; height: 80px; width: 30px; text-align: center; background: #fff; border: 1px solid #e8e9f2; }
.Molist .arrow-right { position: absolute; right: 0; height: 80px; width: 30px; text-align: center; border: 1px solid #e8e9f2; background: #fff; }
.Molist > a > .iconfont { line-height: 80px; color: #d70d19; }
.ProInfo-name { font-size: 20px; color:#d70d19; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; }
.ProInfo-Intro { /*height: 320px; */}
.ProInfo-Intro h3 { font-size: 16px; color: #000; line-height: 30px; }
.ProInfo-Intro p { font-size: 16px; color: #666; line-height: 26px; }
.ProInfo-share { }
.share-name { float: left; font-size: 14px; line-height: 30px; color: #333; }
.bdsharebuttonbox { float: left; }
.Pro-Detail { background: #fff; margin: 30px 0; }
.Pro-Detail-Tit { background:#d70d19; padding: 8px 20px; }
.Pro-Detail-Tit h3 { font-size: 16px; color: #fff; }
.Pro-Detail-main { padding: 25px; }
.Spec-Tit { margin-bottom: 15px; }
.Spec-Tit h3 { font-weight: 500; position: relative; }
.Spec-Tit h3 .block { background: #80c350; width: 15px; height: 15px; display: inline-block; margin-right: 5px; }
.Spec-Tit .Spec-cn { font-size: 18px; color: #333; line-height: 20px; margin: 0 5px; display: inline-block; font-weight: 600; }
.Spec-Tit .Spec-en { font-size: 16px; color: #000; line-height: 20px; font-weight: 500; display: inline-block; margin: 0 5px; }
.ProItem { margin: 20px 0; }
.ProItem .Pro-Tit { background: #f2f5f7; padding: 0 15px; overflow: hidden; cursor: pointer; }
.ProItem .Pro-Tit h3 { font-size: 16px; color: #333; line-height: 40px; float: left; }
.ProItem .Pro-Tit .Icon { float: right; display: block; width: 20px; height: 40px; background: url('images/IconRe01.png')no-repeat center center; }
.ProItem .Pro-cont { border: 1px solid #e0e5e9; border-top: none; padding: 20px; display: none; }
.ProItem .Pro-cont p { font-size: 14px; color: #333; line-height: 30px; }
.ProItem.cur .Pro-Tit .Icon { background-image: url('images/IconRe02.png'); }
.Related { margin-bottom: 20px; }
.Related .ReTit { overflow: hidden; margin-bottom: 10px; }
.Related .ReTit h3 { font-size: 18px; color: #010101; line-height: 32px; float: left; }
.Related .ReTit .ReMore { float: right; display: block; font-size: 14px; color: #333; line-height: 32px; background: #fff; padding: 0 25px; border-radius: 15px; box-shadow: 0 0 3px #ccc; margin: 5px; }
.Related .ReTit .ReMore .iconfont { font-size: 12px; line-height: 30px; }
.Relist { margin: 0 -15px; }
.Relist li { float: left; width: 33.33%; }
.Relist .Item { margin: 0 15px; background: #fff; }
.Relist .Item .pic { overflow: hidden; }
.Relist .Item .pic img { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; width: 100%; }
.Relist .Item .Intro { padding: 10px 20px; text-align: center; }
.Relist .Item h3 { font-size: 16px; color: #000; line-height: 30px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Relist .Item p { font-size: 14px; color: #999; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/****** Detail-Case--style ******/
.HostCase { margin-bottom: 10px; position: relative; }
.HostCase .Item { overflow: hidden; background: #fff; }
.HostCase .Item .pic { float: right; width: 50%; }
.HostCase .Item .Intro { float: right; width: 50%; padding: 6% 4%; position: relative; }
.HostCase .Item h3 { font-size: 24px; color: #000; line-height: 30px; font-weight: 500; margin-bottom: 10px; }
.HostCase .Item .text { padding-bottom: 40px; }
.HostCase .Item p { font-size: 16px; color: #000; line-height: 26px; text-align: justify; }
.HostCase .Item .More { left: 8%; bottom: 10%; position: absolute; color: #000; font-size: 14px; line-height: 32px; text-align: center; display: inline-block; border: 1px solid #000; padding: 0 20px; border-radius: 5px; }
.HostCase .Item .More .iconfont { color: #000; margin-left: 15px; position: relative; top: 1px; }
.HostCase .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 50px; background-image: url('../images/bl.png'); height: 50px; display: block; margin-top: -25px; background-image: url('../images/hsbg.png'); z-index: 80; text-align: center; }
.HostCase .owl-controls .owl-nav .owl-prev { left: 50%; background: url('../images/bl.png') no-repeat center center; }
.HostCase .owl-controls .owl-nav .owl-next { right: 0; background: url('../images/br.png') no-repeat center center; }
.HostCase .owl-dots { display: none !important; }
.Caselist { margin: 0 -12px; }
.Caselist li { float: left; width: 25%; }
.Caselist .Item { margin: 12px; background: #fff; }
.Caselist .Item .pic { overflow: hidden; }
.Caselist .Item .pic img { width: 100%; transition: all 0.3s ease-out; }
.Caselist .Item h3 { padding: 10px; font-size: 16px; color: #000; line-height: 40px; font-weight: 500; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/****** Detail-CaseInfo--style ******/
.CaseInfo .Title { border-bottom: 1px dashed #c6c6c6; padding: 20px 0; text-align: center; }
.CaseInfo .Title h3 { font-size: 24px; color: #d70d19; line-height: 30px; }
.CaseInfo .Detail-more { margin-bottom: 20px; }
.CaseInfo .Detail-more p
{ font-size: 16px; line-height: 30px; color: #666; }
.CaseInfo .Detail-more p img{
width:60%;margin:0 auto;}
.RecPro .RecTit { padding: 15px 0; }
.RecPro .RecTit h3 { font-size: 16px; color: #d70d19; line-height: 30px; }
.RecPro .Reclist { /*background: #fff;*/ }
.Reclist li { float: left; width: 33.33%; text-align: center; }
.Reclist .Item { padding: 20px; text-align: center; }
.Reclist .Item .pic { overflow: hidden; }
.Reclist .Item .pic img { transition: all 0.3s ease-out; width: 100%; }
.Reclist .Item h3 { font-size: 14px; color: #666; line-height: 40px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Detail-share { margin: 20px auto; width: 210px; }
/****** Detail-Newslist--style ******/
.HostNews .Item { background: #fff; }
.HostNews .Item .pic { float: left; }
.HostNews .Item .Intro { float: right; position: relative; }
.HostNews .Item .Intro { background: #fff; }
.HostNews .Item .Intro h3 { font-size: 18px; color: #1c509f; margin-bottom: 0; }
.HostNews .Item .Intro .date { font-size: 12px; color: #999; line-height: 30px; }
.HostNews .Item .Intro .date .icon-date { font-size: 14px; line-height: 30px; margin-right: 5px; }
.HostNews .Item .Intro p { color: #666; }
.HostNews .Item .Intro .More { color: #666; border: 1px solid #ccc; }
.HostNews .Item .Intro .More .iconfont { color: #999; }
.HostNews .owl-controls .owl-nav { display: none !important; }
.HostNews .owl-dots { display: block !important; position: absolute; right: 20px; bottom: 10px; }
.HostNews .owl-dots .owl-dot span { width: 20px; height: 4px; border-radius: 0; }
.HostNews .owl-dots .owl-dot.active span, .HostNews .owl-dots .owl-dot:hover span { background: #d70d19; height: 6px; }
.pagination { z-index: 80; }
.swiper-pagination-switch { background: #999; }
.swiper-active-switch { background: #000; }
.Newslist { margin: 0 -15px; }
.Newslist li {
float: left;
width: 33.33%;
}
#News .Newslist li {
float: left;
width: 100%;
}
.body_zdy{ position: relative;z-index: -1;}
.shdiaw{ position: relative;z-index:0 !important;}
.Newslist .Item { margin:15px; background: #fff; transition: all 0.3s ease-out; }
.Newslist .Item .pic video{ position: relative; z-index:1 !important;}
.Newslist .Item .pic { overflow: hidden; }
.Newslist .Item .pic img { transition: all 0.3s ease-out; width: 100%; }
.Newslist .Intro { padding:10px 15px;position: relative;z-index:0 !important; }
.Newslist .Item h3 { font-size: 14px; color: #333; line-height: 30px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Newslist .Item p { font-size: 12px; color: #999; line-height: 20px; margin-bottom: 20px; height: 40px; text-overflow: ellipsis; overflow: hidden; }
.Newslist .Item .info { margin: 10px 0; overflow: hidden; }
.Newslist .Item .date { font-size: 12px; color: #999; line-height: 26px; display: block; float: left; }
.Newslist .Item .iconfont { float: right; display: block; font-size: 22px; color: #999; line-height: 26px; }
.Newslist .Item:hover { box-shadow: 1px 1px 6px #e2e1e1; }
.Newslist .Item:hover .pic img { transform: scale(1.1); }
.Newslist .Item:hover h3 { color: #d70d19; }
.Newslist .Item:hover .iconfont { color:#d70d19; }
/****** Detail-NewsInfo--style ******/
.NewsInfo img{ width: 60% !important; margin: 0 auto; }
.NewsInfo .Title { border-bottom: 1px dashed #c6c6c6; padding: 20px 0; text-align: center; }
.NewsInfo .Title h3 { font-size: 20px; color: #d70d19; line-height: 30px; margin-bottom: 10px; }
.NewsInfo .Title .Info span { display: inline-block; font-size: 14px; color: #999; line-height: 30px; margin: 0 10px; }
.NewsInfo .Title .Info .iconfont { margin-right: 5px; font-size: 14px; color: #999; line-height: 30px; }
/****** Detail-Project--style ******/
.PJlist .Item { overflow: hidden; background: #fff; }
.PJlist .Item .pic, .PJlist .Item .Intro { width: 50%; }
.PJlist .Item .Intro { padding: 6%; }
.PJlist .Item h3 { font-size: 16px; color: #d70d19; line-height: 30px; margin-bottom: 10px; }
.PJlist .Item p { font-size: 16px; color: #131313; line-height: 30px; }
.PJlist .ItemA .pic, .PJlist .ItemB .Intro { float: right; }
.PJlist .ItemA .Intro, .PJlist .ItemB .pic { float: left; }
/****** Detail-Downlist--style ******/
.Downlist { }
.Downlist .Item { border-bottom: 1px solid #eaeaea; padding: 25px; background: #fff; margin: 20px 0; }
.Downlist .Item .fl { float: left; width: 70%; position: relative; }
.Downlist .Item .fr { float: right; width: 30%; text-align: right; }
.Downlist .Item .Icon { position: absolute; left: 0; top: 50%; margin-top: -20px; }
.Downlist .Item .Icon .iconfont { font-size: 40px; color: #969696; line-height: 40px; }
.Downlist .Item .Intro { border-left: 2px solid #eaeaea; margin-left: 60px; padding-left: 20px; }
.Downlist .Item h3 { font-size: 14px; color: #333; line-height: 30px; }
.Downlist .Item p { font-size: 14px; color: #999; line-height: 20px; }
.Downlist .Item .fr a { margin-left: 20px; }
.Downlist .Item .fr .iconfont { font-size: 20px; color: #999; line-height: 40px; margin-right: 10px; }
.Downlist .Item .fr .name { font-size: 14px; color: #666; line-height: 40px; }
.Downlist .Item .icon-eyes { position: relative; top: 3px; }
/****** Detail-Partners--style ******/
.Parlist { margin-bottom: 50px; }
.Parlist li { float: left; width: 16.66%; }
.Parlist .pic { margin: 12px; text-align: center; background: #fff; }
/****** Detail-JoinIn--style ******/
.prospects p { font-size: 16px; color: #666; line-height: 30px; }
.Adv-tit { text-align: center; background: #1a57b2; padding: 10px; font-size: 24px; color: #fff; line-height: 40px; font-weight: 600; border-radius: 2px; margin-bottom: 20px; }
.Adv-main p { font-size: 16px; color: #666; line-height: 36px; }
/****** Detail-Service--style ******/
.Service { }
.Service h4 { font-size: 14px; color: #131313; line-height: 30px; }
.Service p { font-size: 14px; color: #131313; line-height: 30px; }
.Service1 { margin: 30px 0; }
.Service1 li { float: left; }
.Service1 .Item { padding: 0 40px; text-align: center; position: relative; }
.Service1 .Item .jia { position: absolute; top: 50%; right: -10px; width: 21px; height: 21px; margin-top: -10px; }
.Service1 li:last-child .Item .jia { display: none; }
.Ser-tit { font-size: 18px; color: #d70d19; line-height: 40px; margin-bottom: 10px; }
.Ser-tit .en { font-size: 14px; color: #666; line-height: 40px; margin-left: 10px; }
.SPhone { margin: 40px 0; text-align: center; background: #fff; padding: 20px; }
.SPhone .con { margin: 0 auto; overflow: hidden; width: 480px; }
.SPhone .con .pic { float: left; }
.SPhone .con .Intro { text-align: left; float: left; padding: 10px; }
.SPhone .Phone { line-height: 50px; }
.SPhone .Phone span { color: #999; }
.SPhone .Phone strong { color: #1a52a6; font-size: 28px; }
/****** Detail-ContactUs--style ******/
.ContactUs { }
.ContactUs .Conlist { background: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.ContactUs li { float: left; width: 50%; }
.ContactUs .Box { background: #fff; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
.ContactUs .Item { padding: 5% 8%; }
.ContactUs .Item h4 { font-size: 18px; color:#d70d19; line-height: 40px; }
.ContactUs .Item p { font-size: 14px; color: #666; line-height: 30px; }
.ContactUs .Item .iconfont { margin-right: 10px; font-size: 16px; color: #666; line-height: 30px; }
.ContactUs .Item .con { margin-top: 10px; }
.ContactUs .Item .con .fl { float: left; width: 65%; }
.ContactUs .Item .con .fr { float: right; width: 30%; }
.ContactUs .Item .con .fl img { width: 60px; margin-right: 10px; }
.ContactUs .Item .CPhone { background: url('../images/phone.png') no-repeat left top; padding-left: 70px; background-size: 60px; }
.ContactUs .Item .con strong { font-size: 26px; color: #d70d19; line-height: 40px; display: inline-block; font-weight: 500; }
.ContactUs .Item .con span { font-size: 14px; color: #000; line-height: 20px; display: inline-block; display: block; }
.ContactUs .Item .label span { color: #000; margin-right: 20px; }
.ContactUs .Item .dtu { border-radius: 15px; border: 1px solid #ebebeb; line-height: 33px; display: inline-block; padding: 0 15px; margin-top: 20px; font-size: 12px; color: #666; }
.ContactUs .Item .dtu .icon-ditu { font-size: 18px; font-weight: 600; }
.ContactUs .conus p { position: relative; padding-left: 25px; line-height: 20px; margin: 5px 0; }
.ContactUs .conus p .iconfont { position: absolute; left: 0; top: 0; line-height: 20px; }
/****** Detail-Recruitment--style ******/
.Recruitment { }
.RecTit { overflow: hidden; border-top: 2px solid #e6e6e6; font-size: 14px; color: #000; line-height: 50px; }
.Recruitment .td { padding: 10px 20px; }
.Recruitment .post { float: left; width: 55%; padding: 10px 30px; }
.Recruitment .place { float: left; width: 10%; }
.Recruitment .number { float: left; width: 10%; }
.Recruitment .date { float: left; width: 15%; }
.Recruitment .Item { background: #fff; margin-bottom: 20px; }
.Recruitment .Item .Title { overflow: hidden; font-size: 14px; color: #666; line-height: 40px; cursor: pointer; }
.Recruitment .Item .Title .Icon { float: left; width: 10%; text-align: center; }
.Recruitment .Item .Title .Icon .iconfont { display: block; font-size: 30px; color: #d70d19; line-height: 40px; transition: all 0.3s ease-out; transform: rotate(0deg); width: 40px; height: 40px; text-align: center; margin: 0 auto; }
.Recruitment .Item .Intro { overflow: hidden; border-top: 1px solid #f1f1f1; padding: 20px 30px; font-size: 14px; color: #666; line-height: 30px; display: none; }
.Recruitment .Item a { color: #d70d19; }
.Recruitment .Item.cur .post { color: #d70d19; }
.honour_title{height: 30px; font-size: 20px; color: #008bd1; margin: 30px 10px 10px 10px; padding-left: 15px;}
@media (min-width: 1200px) {
.Detail-nav li:hover a { color: #d70d19; }
.Detail-nav li:hover .line { width: 100%; left: 0; }
.Pnav-socd .first:hover > a { color:#d70d19; }
.Pnav-socd .first:hover > .icon-right { color: #d70d19; }
.Pnav-socd .first .secd:hover a { color:#d70d19; background-image: url('../images/IconR02.jpg'); }
.Secd-nav li:hover a { background: #d70d19; color: #fff; }
.Prolist .Item:hover h3 { color: #fff; }
.Prolist .Item:hover .Intro { background: #d70d19; }
.Prolist .Item:hover .pic img { transform: scale(1.1); }
.Prolist .Item:hover p { color: #fff; opacity: 0.6; filter: alpha(opacity=60); }
.Relist .Item:hover .pic img { transform: scale(1.1); }
.Relist .Item:hover h3 { color:#d70d19; }
.Downlist .Item .fr a:hover span { color: #f71c1c; }
.Downlist .Item .fr a:hover .iconfont { color: #f71c1c; }
.Downlist .Item:hover h3 { color: #f71c1c; }
.Reclist .Item:hover .pic img { transform: scale(1.1); }
.Reclist .Item:hover h3 { color: #f71c1c; }
.Caselist .Item:hover .pic img { transform: scale(1.1); }
.Caselist .Item:hover h3 { color: #d70d19; }
.Recruitment .Item:hover .post { color: #d70d19; }
.ContactUs .Item .dtu:hover { color: #d70d19; border: 1px solid #d70d19; }
.ContactUs .Item .dtu:hover .icon-ditu { color: #d70d19; }
}
@media (min-width: 768px) {
}
@media (max-width: 1360px) {
#Detailbanner .ban { height: 260px; }
#Detailbanner .text h3 { font-size: 26px; }
#Detailbanner .text h2 { font-size: 32px; }
.Detail-nav > ul > li { margin-right: 0; }
.Detail-nav li a { padding: 0 15px; }
.Detail-main { padding: 30px 0; }
.ATitle { font-size: 22px; }
.About .Item .Intro { padding: 6%; }
.About .Item h3 { font-size: 18px; }
.About .Item p { font-size: 14px; line-height: 26px; }
.PJlist .Item .Intro { padding: 4% 5%; }
.Vislist { margin: -10px -10px 10px -10px; }
.Vislist .Item p { font-size: 14px; margin-bottom: 10px; }
.Vislist .Item { margin: 10px; }
.Honorlist { margin: 0 -10px; }
.Honorlist .Item { margin: 10px; }
.Contribu-list1 { margin: 0 -10px; }
.Contribu-list1 .Item { margin: 10px; }
.ProductR { padding-left: 260px; }
.Pnav-socd { top: 90px; }
.Prolist { margin: 0 -10px; }
.Prolist .Item { margin: 10px; }
.ProInfo-Intro { height: 260px; }
.swiper-Intro .Item { padding: 4%; }
.swiper-Intro .Item .More { left: 4%; }
.Newslist { margin: 0 -10px; }
.Newslist .Item { margin: 10px; }
.Parlist .pic { margin: 6px; }
.Service1 .Item .pic { width: 110px; }
.ContactUs .Item { padding: 3% 4%; }
.Ser-tit { font-size: 16px; }
.HostCase .Item h3 { font-size: 22px; }
.HostCase .Item .Intro { padding: 3%; }
.HostCase .Item p { font-size: 14px; }
.HostCase .Item .More { left: 6%; }
}
@media (max-width: 1200px) {
}
@media (max-width: 1025px) {
#Detailbanner .ban { height: 220px; }
#Detailbanner .text { left: 15px; margin-top: -55px; }
#Detailbanner .text h3 { font-size: 22px; padding-bottom: 10px; }
#Detailbanner .text h2 { font-size: 26px; padding-top: 10px; }
.Detail-Top .fl { width: 100%; }
.Detail-Top .fr { display: none; }
.Detail-main { padding: 20px 0; }
.Secd-nav { margin-bottom: 10px; }
.About .Item p { line-height: 22px; font-size: 13px; }
.PJlist .Item .Intro { padding: 3% 4%; }
.PJlist .Item p { font-size: 14px; line-height: 26px; }
.Vislist { margin: -5px -5px 5px -5px; }
.Vislist .Item { margin: 5px; }
.Honorlist { margin: 0 -5px; }
.Honorlist li { width: 33.33%; }
.Honorlist .Item { margin: 5px; }
.Contribu-list1 { margin: 0 -5px; }
.Contribu-list1 .Item { margin: 5px; padding: 10px 15px; }
.Contribu-list2 .Item .Intro { padding: 4% 5%; }
.Contribu-list2 .Item .text { font-size: 14px; }
.Contribu-list2 .Item { margin: 20px 0; }
.Pnav-socd { top: 80px; }
.Prolist { margin: 0 -5px; }
.Prolist .Item { margin: 5px; }
.preview-wrap { float: none; width: 100%; text-align: center; }
.ProInfo-wrap { float: none; width: 100%; }
.ProInfo-Intro p { font-size: 14px; }
.Pro-Detail { margin: 20px 0; }
.ProInfo-Intro { height: auto; }
.Relist { margin: 0 -10px; }
.Relist .Item { margin: 0 10px; }
.Relist .Item h3 { font-size: 14px; }
.Caselist { margin: 0 -5px; }
.Caselist .Item { margin: 5px; }
.Caselist .Item h3 { font-size: 14px; }
.swiper-Intro .Item h3 { font-size: 20px; }
.swiper-Intro .Item p { font-size: 14px; line-height: 22px; }
.HostCaseleft { width: 100%; }
.HostCaseright { width: 100%; }
.Caselist li { width: 33.33%; }
.CaseInfo .Title { padding: 15px 0; }
.CaseInfo .Title h3 { font-size: 20px; }
.HostCase .Item h3 { font-size: 18px; }
.Newslist { margin: 0 -5px; }
.Newslist .Item { margin: 5px; }
.Downlist .Item { padding: 15px 0; }
.prospects p { font-size: 14px; }
.Adv-main p { font-size: 14px; }
.Service1 .Item .pic { width: 80px; }
.ContactUs li { width: 100%; }
.ContactUs .pic img { width: 100%; }
.ContactUs .Item .CPhone { background-size: 50px; padding-left: 50px; }
.Recruitment .td { padding: 10px 5px; }
.Recruitment .post { padding: 10px 15px; }
.Recruitment .Item .Intro { padding: 10px 15px; }
.ContactUs .Item .con strong { font-size: 24px; }
}
@media (max-width: 768px) {
.Detail-main {
background: #f8f8f8;
padding: 40px 0 20px 0px !important;
}
.Up-Down-page .next a {
background: url(../images/icon/icon_right.png) no-repeat right center;
padding-right: 5px;
}
.Up-Down-page .prev a {
background: url(../images/icon/icon_left.png) no-repeat left center;
padding-left: 5px;
}
#Detailbanner .ban { height: 175px; }
#Detailbanner .text { margin-top: -45px; }
#Detailbanner .text h3 { font-size: 18px; padding: 0; }
#Detailbanner .text h2 { font-size: 22px; padding: 0; }
.Detail-Top { position: relative; z-index: 90; }
.Detail-Top h2 { display: block; font-size: 22px; }
.Detail-Top .iconfont { margin: 0; transition: all 0.3s ease-out; transform: rotate(-90deg); width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; position: absolute; right: 0px; top: 10px; }
.Detail-Top .ORdown.cur { color: #d70d19; }
.Detail-nav { position: absolute; right: 0; top: 60px; background: #fff; z-index: 91; width: 200px; text-align: center; box-shadow: 0 0 3px #999; display: none; }
.Detail-nav > ul > li { float: none; }
.Detail-nav > ul > li > a { border-bottom: 1px solid #f1f1f1; line-height: 50px; }
.ATitle { display: none; }
.About .Item .left, .About .Item .right { width: 100%; }
.About .Item .pic img { width: 100%; }
.About .Item .Intro { padding: 3% 5%; }
.PJlist .Item { margin-bottom: 15px; }
.PJlist .Item .pic, .PJlist .Item .Intro { width: 100%; }
.PJlist .Item .pic img { width: 100%; }
.Vislist li:first-child { width: 100%; }
.Vislist li:nth-child(2) { width: 50%; }
.Vislist li:nth-child(3) { width: 50%; }
.Vislist li { width: 50%; }
.Visbottom .Visbg { padding: 6% 6%; }
.Contribu-list1 li { width: 50%; }
.Contribu-list1 li:last-child { width: 100%; }
.Contribu-list2 .left, .Contribu-list2 .right { width: 100%; }
.Contribu-list2 .Item .pic img { width: 100%; }
.Contribu-list2 .Item h3 { font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; }
.Contribu-list2 .Item { margin: 10px 0; }
.ProductR { padding-left: 0; }
.Pnav-socd { position: relative; top: 0; width: auto; padding-left: 10px; }
.Pnav-socd .PnavTit { display: none; }
#Product .Detail-nav li a { text-align: left; }
.Pnav-socd .first { margin-bottom: 0; }
.Pro-Detail-main { padding: 15px; }
.Pro-Detail-Tit h3 { font-size: 16px; line-height: 30px; }
.Relist { margin: 0 -5px; }
.Relist .Item { margin: 0 5px; }
.Relist li { width: auto; float: none; text-align: center; }
.Relist .owl-controls .owl-dots { margin-top: 10px; }
.CaseInfo .Detail-more p { font-size: 14px; }
.Reclist li { width: auto; float: none; text-align: center; }
.Parlist li { width: 25%; }
.Service1 .Item { padding: 0 20px; }
.ContactUs .Item .con strong { font-size: 20px; }
.Downlist .Item { padding: 10px 0; }
.Downlist .Item .fl { width: 60%; }
.Downlist .Item .fr { width: 40%; }
.Downlist .Item .fr a { margin-left: 10px; }
.Downlist .Item .Intro { padding-left: 10px; margin-left: 0px; }
.Downlist .Item { position: relative; padding-left: 50px; }
.Downlist .Item .fl { position: initial; width: 100%; }
.Downlist .Item .fr { float: none; width: 100%; text-align: left; border-left: 2px solid #eaeaea; }
.HostCase .Item .pic { width: 100%; }
.HostCase .Item .Intro { width: 100%; }
.HostCase .Item .More { left: 3%; }
.HostCase .owl-controls .owl-nav { display: none; }
.HostCase .owl-dots { display: block !important; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.HostCase .owl-dots .owl-dot.active span, .HostCase .owl-dots .owl-dot:hover span { background: #fff; }
.HostNews .owl-dots .owl-dot.active span, .HostNews .owl-dots .owl-dot:hover span { background: #d70d19; }
}
@media (max-width: 640px) {
#Detailbanner .ban { height: 180px; }
#Detailbanner .text h3 { font-size: 16px; }
#Detailbanner .text h2 { font-size: 20px; }
.Visbottom .Viscon p { font-size: 14px; }
.Secd-nav li { margin: 0 5px; }
.Honorlist li { width: 50%; }
.Prolist li { width: 50%; }
.Prolist .Prolist-li { width: 50%; }
.Caselist li { width: 50%; }
.Parlist li { width: 33.33%; }
.Recruitment .number { display: none; }
.Recruitment .date { width: 20%; }
.Recruitment .Item .Title .Icon { float: right; }
}
@media (max-width: 480px) {
#Detailbanner .text { left: 10px; }
#Detailbanner .ban { height:75px; }
.Vislist li:nth-child(2) { width: 100%; }
.Vislist li:nth-child(3) { width: 100%; }
.Vislist li { width: 100%; }
.Newslist li { width: 100%; }
.Parlist li { width: 50%; }
.SPhone .con .pic { float: left; width: 15%; }
.SPhone .con .Intro { width: 85%; padding: 0; }
.Service p { line-height: 20px; }
.SPhone .Phone { line-height: 30px; }
.SPhone .Phone strong { display: inline-block; font-size: 20px; }
.SPhone .con { width: 100%; }
.Recruitment .place { width: 20%; }
.Recruitment .post { width: 70%; }
.Recruitment .date { display: none; }
.CaseInfo .Detail-more p img {
height: 400px;
}
}
@media (max-width: 420px) {
.Prolist li { width: 100%; }
.Prolist .Prolist-li { width: 100%; }
.Caselist li { width: 100%; }
}
@media (max-width: 380px) {
.Recruitment .place { display: none; }
.Recruitment .post { width: 85%; }
.Recruitment .Item .Title .Icon { width: 15%; }
}
@media (max-width: 320px) {
}
#dlist2{ padding-left: 30px !important;}